<!-- 初始化Dict -->
var _dictKit = _GetDictKit();

<!-- 页面js,请自行将js内容导出到js文件中 -->
$(document).ready(function () {
  new SMValidator("form");
    var _listUrl = _CTX_ + _PATH_ + '/list';
    var _batchDeteleUrl = _CTX_ + _PATH_ + '/batchDelete';
  laydate({
    elem: '#chfStart', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
    event: 'focus' //响应事件。如果没有传入event，则按照默认的click
  });
  laydate({
    elem: '#chfEnd', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
    event: 'focus' //响应事件。如果没有传入event，则按照默认的click
  });
  laydate({
    elem: '#gxStart', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
    event: 'focus' //响应事件。如果没有传入event，则按照默认的click
  });
  laydate({
    elem: '#gxEnd', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
    event: 'focus' //响应事件。如果没有传入event，则按照默认的click
  });
  laydate({
    elem: '#chjStart', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
    event: 'focus' //响应事件。如果没有传入event，则按照默认的click
  });
  laydate({
    elem: '#chjEnd', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
    event: 'focus' //响应事件。如果没有传入event，则按照默认的click
  });


    $('#table').bootstrapTable({
        url: _listUrl,
        method: 'get',
        // queryParams: queryParams,
        pagination: true,
        pageNumber: 1,
        pageSize: 20,
        pageList: [20, 50, 100],
        clickToSelect: true,
        toolbar: '#toolbar',
        columns: [{
            field: 'gyshchpId',
            title: '商品ID',
            width:'10%'
        }, {
            field: 'bt',
            title: '标题',
            width:'25%'
        }, {
            field: 'shplx',
            title: '商品类型',
            width:'10%',
            formatter: function (value, row, index, field) {
              if (value == "0") {
                  return "自由行";
              }else if (value == "1") {
                return "跟团游";
              }else if (value == "2") {
                return "一日游";
              }else if (value == "3") {
                return "当地游玩";
              }

          }
        }, {
            field: 'rkfsh',
            title: '入库方式',
            width:'5%',
          formatter: function (value, row, index, field) {
            return "AL";

          }
        }, {
            field: 'gysh',
            title: '供应商',
            width:'5%',
          formatter: function (value, row, index, field) {
            if (value == "1") {
              return "携程旅行";
            }else if (value == "2") {
              return "北京市中旅";
            }

          }
        }, {
            field: 'glPOIzht',
            title: 'POI',
            width:'5%',
          formatter: function (value, row, index, field) {
            if (value == "0") {
              return "未知";
            }

          }
        }, {
            field: 'zht',
            title: '状态',
            width:'5%',
          formatter: function (value, row, index, field) {
            if (value == "0") {
              return "制作中";
            }else if (value == "1") {
              return "已上线";
            }

          }
        }, {
            field: 'gxshj',
            title: '更新时间',
            width:'10%'
        }, {
          field: 'Button',
          title: '操作',
          width:'25%',
          events: window.actionEvents = {
            'click .Edit': function (e, value, row, index) {
              yjshjDialog.show(row, {
                "title": "编辑商品",
                "type": "edit",
                "callback": function () {
                  $('#table').bootstrapTable("refresh");
                }
              });
            },
            'click .Detailed': function (e, value, row, index) {
              layer.msg("开发中");
            },
            'click .Journal': function (e, value, row, index) {
              layer.msg("开发中");
            },
            'click .ImageAndText': function (e, value, row, index) {
              layer.msg("开发中");
            },
            'click .HeadPortrait': function (e, value, row, index) {
              layer.msg("开发中");
            }
          },
          formatter:actionFormatter
        }]
    });

  function actionFormatter(value,row,index) {

        return [
             '<button type="button" class="Edit btn btn-primary"><span></span>基本信息</button>&emsp;',
          '<button  type="button" class="Detailed btn btn-primary"><span></span>详细信息</button>&emsp;',
          '<button  type="button" class="Journal btn btn-primary"><span></span>操作日志</button>&emsp;&emsp;&emsp;',
          '<button  type="button" class="ImageAndText btn btn-primary"><span></span>图文管理</button>&emsp;',
          '<button  type="button" class="HeadPortrait btn btn-primary"><span></span>头像上传</button>'

          ].join("")
  }

  $('#btnSearch').click(function () {
    var params ={
      url:_listUrl+"?"+$('#serch-form').serialize()
    }


    $('#table').bootstrapTable("refresh", params);

  });

  $('#btnReset').click(function () {
    $('#serch-form').find('input').val("");
    $('#serch-form').find('select').val("");
    var params ={
      url:_listUrl
    }
    $('#table').bootstrapTable("refresh",params);

  });

  $('#btnAdd').click(function () {
        yjshjDialog.show({}, {
            "title": "新增商品",
            "type": "add",
            "callback": function () {
                $('#table').bootstrapTable("refresh");
            }
        });
    });

    var count=0;
    $(document).ready(function(){
        $("#btnMore").click(function(){
            if(count==0){
                $("#condition1").css("display","inline");
                $("#condition2").css("display","none");
            } else if(count == 1) {
                $("#condition1").css("display","inline");
                $("#condition2").css("display","inline");
                $("#btnMore").css("display","none");  //我这里是做了隐藏，你可以让他不能点击
            }
            count=count+1;
        });
    });

  $('#empty1').click(function () {
    $('#chfStart').val("");
    $('#chfEnd').val("");
    });
  $('#empty2').click(function () {
    $('#gxStart').val("");
    $('#gxEnd').val("");
  });
  $('#empty3').click(function () {
    $('#chjStart').val("");
    $('#chjEnd').val("");
  });

    $('#btnDelete').click(function () {
        var selections = $('#table').bootstrapTable('getSelections');
        if (selections) {
            var pkArray = [];
            for(var i in selections){
                pkArray.push(selections[i].uuid);
            }
            $.ajax({
                url: _batchDeteleUrl,
                type: 'POST',
                data: $.param({"uuids": pkArray}, true),
                cache: false,
                dataType: 'json',
                success: function (ret) {
                    if (ret.state == 'ok') {
                        alert("删除成功");
                        $('#table').bootstrapTable('refresh');
                    } else {
                        alert(ret.msg);
                    }
                }
            });
        }
    });

    $('#table').bootstrapTable("resetView", {height: calcSuitableHeight($('#table'))});
    $(window).bind('resize', function () {
        $('#table').bootstrapTable("resetView", {height: calcSuitableHeight($('#table'))});
    });

})